<template>
    <div class="merchandise-management views-container">
    <div class="wlm-table">
        <div class="wlm-table-content">
              <!--  -->
             <el-table :ref="tableFormatData.Details.key"
                :data="tableFormatData.Details.tableData"
                @selection-change="handleSelectionChange"
                style="width:100%"
                >
                <el-table-column label="订单编号"  >
                    <template slot-scope="scope">
                        <span>{{scope.row.order_no || '-'}}</span>
                    </template>
                </el-table-column>
                 <el-table-column label="助力用户"  >
                    <template slot-scope="scope">
                          <div class="wlm-table-logos">
                                  <div style="display:flex;">
                                        <img
                                            class="logo"
                                            :src="scope.row.user&&scope.row.user.avatarUrl"
                                            >
                                         <div style="margin-left:10px;">
                                                <!-- <div style="font-size:12px">{{scope.row.user_id}}</div> -->
                                            <span style="font-size:12px">{{scope.row.user&&scope.row.user.nickName?scope.row.user.nickName:''}}</span>
                                         </div>
                                  </div>
                                </div>
                    </template>
                </el-table-column>
                <el-table-column label="购买商品"  >
                    <template slot-scope="scope">
                        <span>{{scope.row.goods_name}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="支付金额"  >
                    <template slot-scope="scope">
                        <span>{{scope.row.total_price ||'-'}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="帮助返钱"  >
                    <template slot-scope="scope">
                        {{scope.row.return_money}}
                    </template>
                </el-table-column>
                <el-table-column label="被返订单号"  >
                    <template slot-scope="scope">
                        <span>{{scope.row.place_order_no || '未下单'}}</span>
                    </template>
                </el-table-column>
                <el-table-column label="被返人信息"  >
                    <template slot-scope="scope">
                         <div class="wlm-table-logos">
                                  <div style="display:flex;">
                                        <img
                                            class="logo"
                                            :src="scope.row.pid_users.avatarUrl"
                                            >
                                         <div style="margin-left:10px;">
                                                <!-- <div style="font-size:12px">{{scope.row.user_id}}</div> -->
                                            <span style="font-size:12px">{{scope.row.pid_users.nickName}}</span>
                                         </div>
                                  </div>
                                </div>
                    </template>
                </el-table-column>
                 
             
             </el-table>
             <div class="pagination-content flex-row flex-justify-e flex-align-c">
          <el-pagination
            :disabled="!hasTableData"
            @size-change="listPageChange"
            @current-change="listPageChange"
            :current-page.sync="tableFormatData. Details.pagination.page"
            :page-sizes="tableFormatData. Details.pagination.pagesizes"
            :page-size.sync="tableFormatData. Details.pagination.list_rows"
            layout="total, sizes, prev, pager, next, jumper"
            :total="hasTableData?tableFormatData. Details.pagination.total : 0"
          ></el-pagination>
        </div>
        </div>
    </div>
    </div>

</template>
<script>
import{getFreeOrderHelp} from "@/api/freeofcharge";
import mixins from "@/mixins/mixins";
export default {
     mixins: [mixins.getters("Table")],
     name: "Details",
     data(){
         return{
             tableFormatData: {
        current: "Details",
        Details: {
          key: "Details",
          api: {
            getList: getFreeOrderHelp,
          },
          tableData: [],
          goods: [],
          files: {
            ids:[],
          },
      
          pagination: {
            status:'',
            page: 1,
            list_rows: 10,
            pagesizes: [10, 20, 50],
            total: 0,
          },
        },
      }, 
         }
     },
     methods:{
         
     },
}
</script>
<style>

</style>